/**
 * Created by Administrator on 2016/5/11 0011.
 */
$(window).on("load",function(){
    ready();
    $(window).on("scroll",function(){
        if(CheckScrollSlide()){
            var data = {
                "data1":[
                    {'src': 'images/pbl/13.jpg'},
                    {'src': 'images/pbl/14.jpg'},
                    {'src': 'images/pbl/15.jpg'},
                    {'src': 'images/pbl/16.jpg'},
                    {'src': 'images/pbl/17.jpg'},
                    {'src': 'images/pbl/18.jpg'},
                    {'src': 'images/pbl/19.jpg'},
                    {'src': 'images/pbl/20.jpg'}
            ]
            };
            var data2=[
                { 'title': '丝质柔滑面料 干净舒适。衣襟拼色，时尚有型，金属质地纽扣，完美细节品质。'},
                { 'title': '干练利落的尖领融合复古的做旧蓝色，于撞色对比间营造视觉冲击力，展现鲜明的时尚态度。'},
                { 'title': '鲜嫩的鹅黄色圆领配以拉链前襟十分吸引眼球，亲肤丝棉材质舒适贴合肌肤，恰到好处的休闲造型极富亲和力'},
                { 'title': '淡雅桃与经典黑色的撞色拼接，展现大气利落气质。'},
                { 'title': '清新利落的白色衬衫小翻领设计，平添一份邻家女孩般清爽干净的气质。'},
                { 'title': '简约圆领，凸显优雅大方气质。裙身采用有浮雕质感的花型，更添女性柔美浪漫的古典气质。'},
                { 'title': '丝质柔滑面料 干净舒适。衣襟拼色，时尚有型，金属质地纽扣，完美细节品质。'},
                { 'title': '胸前以沙漏式的剪裁以及颇具设计感的隐形开叉设计，轻松衬出姣美丰满的胸型。'}
            ];
            $.each(data.data1,function(key,value){
                var oBox=$('<div>').addClass("box").appendTo($("#main"));
                var oPic=$('<div>').addClass("pic").appendTo($(oBox));
                var oImg=$('<img>').attr("src",$(value).attr("src")).appendTo($(oPic));
                var oTitle=$('<div>'+data2[key].title+'</div>').appendTo($(oPic));
            });
            ready();
        }
    })
});
function ready(){
    var oboxs=$("#main>div");
    var oboxsW=oboxs.eq(0).outerWidth();
    var cols=Math.floor($(window).width()/oboxsW);
    $("#main").width(oboxsW*cols).css("margin","0 auto");
    var Harr=[];
    oboxs.each(function(index,value){
        var everyH=oboxs.eq(index).outerHeight();
        if(index<cols){
            Harr[index]=everyH;
        }else{
            var minH=Math.min.apply(null,Harr);
            var minHIndex= $.inArray(minH,Harr);//jquery中用于查找相应的条件的索引，比如此例中的最小值得索引；
            $(value).css({"position":"absolute","top":minH+"px","left":minHIndex*oboxsW+"px"});
            Harr[minHIndex]+=oboxs.eq(index).outerHeight();
        }
    });
};
    function CheckScrollSlide(){
        var lastBoxs=$("#main>div").last();
        var lastBoxTop=lastBoxs.offset().top+Math.floor(lastBoxs.outerHeight()/2);
        var windowH=$(window).height();
        var windowScorll=$(window).scrollTop();
        return (lastBoxTop<windowH+windowScorll) ? true:false;
    }